<form [formGroup]="registerForm">
    <div class="mt45 ml30 mb30 title">
        <h1 class="f36 bold">注册</h1>
    </div>
    <ion-list>
        <ion-item lines="full">
            <ion-input type="mobile" formControlName="account" [(ngModel)]="mobileNum" placeholder="请输入手机号码"
                maxlength="11" required></ion-input>
            <span *ngIf="registerForm.value.account" appDebounceClick (debounceClick)="mobileNum=''"
                class="close r90"></span>
            <button class="vccode" *ngIf="time>-1" [disabled]="time>-1"
                [ngClass]="{'lightgrey':time>-1}">({{time}})重新获取</button>
            <button [ngClass]="{'lightgrey':registerForm.get('account').errors}" class="vccode" *ngIf="time===-1"
                appDebounceClick (debounceClick)="getVC(registerForm.get('account').errors)">{{text}}</button>
        </ion-item>
        <ion-item lines="full">
            <ion-input required type="number" formControlName="mvcode" [(ngModel)]="mvcode" maxlength="6"
                placeholder="请输入验证码" onInput="if(value.length>6)value=value.slice(0,6)"></ion-input>
            <span *ngIf="registerForm.value.mvcode" appDebounceClick (debounceClick)="mvcode=''" class="close"></span>
        </ion-item>
        <ion-item lines="full">
            <ion-input required type="{{open?'text':'password'}}" maxlength="50" [(ngModel)]="passwordNum"
                formControlName="password" placeholder="请输入密码"></ion-input>
            <span *ngIf="registerForm.value.password" appDebounceClick (debounceClick)="passwordNum=''"
                class="close r50"></span>
            <span class="eye" appDebounceClick (debounceClick)="open=!open" [ngClass]="{'eyeshow':open}"></span>
        </ion-item>
        <!-- <ion-item lines="full">
            <ion-input required type="{{open1?'text':'password'}}" maxlength="12" [(ngModel)]="passwordNum1"
                formControlName="password1" placeholder="请再次输入密码"></ion-input>
            <span *ngIf="registerForm.value.password1" appDebounceClick (debounceClick)="passwordNum1=''" class="close r50"></span>
            <span class="eye" appDebounceClick (debounceClick)="open1=!open1" [ngClass]="{'eyeshow':open1}"></span>
        </ion-item> -->
        <ion-item lines="full" *ngIf="tagData?.invitationCode">
            <ion-input type="text" [(ngModel)]="invitationCode" formControlName="invitationCode"
                placeholder="{{tagData?.invitationCode.label}}"></ion-input>
        </ion-item>


        <ion-item lines="none" class="clear-left-item">
            <div class="check-box-new">
                <div class="enhanceClickBox" appDebounceClick (debounceClick)="checkRead()">
                    <ng-container *ngIf="this.isCheckRead===true">
                        <i class="checkicon"></i>
                    </ng-container>
                    <ng-container *ngIf="this.isCheckRead===false">
                        <i class="uncheckicon"></i>
                    </ng-container>
                </div>
                <p>
                    <label class="checkbox">我已阅读并同意</label>
                    <ng-container *ngIf="appTypeCustom!='LJ'">
                        <span class="f12 blue" appDebounceClick (debounceClick)="openArgument($event)">《铺铺旺用户协议》</span>
                    </ng-container>
                    <ng-container *ngIf="appTypeCustom==='LJ'">
                        <span class="f12 blue" appDebounceClick (debounceClick)="openArgument($event)">《蜂喔用户协议》</span>
                        <span class="f12 blue" appDebounceClick
                            (debounceClick)="alertPrivacyPolicy($event)">《隐私政策》</span>
                        <span class="f12 blue" appDebounceClick (debounceClick)="openSettleIn($event)">《入驻协议》</span>
                    </ng-container>
                </p>
            </div>

        </ion-item>

        <ng-container *ngIf="appTypeCustom!='LJ'">
            <ion-button style="margin-top: -10px" [disabled]="disableBtn" color="gold" type="button"
                class="register-btn btn" expand="block" appDebounceClick (debounceClick)="submit()">
                确定
            </ion-button>
        </ng-container>
        <ng-container *ngIf="appTypeCustom==='LJ'">
            <ion-button style="margin-top: -10px" [disabled]="disableBtn" color="laijian" type="button"
                class="register-btn btn" expand="block" appDebounceClick (debounceClick)="submit()">
                <span class="button-label">确定</span>
            </ion-button>
        </ng-container>
    </ion-list>
</form>